<template>
  <div class="school"> 
    <h2>学校名称: {{name}}</h2>
    <h2>学校地址: {{address}}</h2>   
  </div>
</template>

<script> 
  import pubsub from 'pubsub-js'

  export default {
    name:'School', 
    data() {
      return { 
        name:'南昌大学',
        address:'江西南昌' 
      }
    }, 
    methods: {
      getStudentName(studnetName){
        console.log('我是School组件，我拿到了数据:', studnetName)
      },
      handlerHello(msgName, data){
        console.log('有人发布了 hello 消息，hello 消息的回调函数执行了', msgName, data)
      }
    },
    mounted() {
      // this.$bus.$on('hello', this.getStudentName) // 绑定事件
      // 订阅消息
      this.subId = pubsub.subscribe('hello', this.handlerHello)
    },
    beforeDestroy() {
      // this.$bus.$off('hello') // 解绑事件
      // 取消订阅
      pubsub.unsubsribe(this.subId)
    }
  } 
</script>
<style scoped>
  .school{
    background-color: pink;
    padding: 5px;
  }
</style>